﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Panel CSS</title>
<!--
   <link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)" /> 
 -->
   <link rel="stylesheet" href="./css/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)" /> 
<link rel="stylesheet" type="text/css" href="./css/jquery.tabs.css" /> 
<link rel="stylesheet" href="./css/layout2columns.css" type="text/css" media="screen" />
<link rel="stylesheet" href="./css/panelCSS.css" type="text/css" media="screen" />

 <link rel="stylesheet" media="screen" type="text/css" href="./js/colorpicker/css/layout.css" />
<link href="./js/colorpicker/css/colorpicker.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="./js/jquery/jquery-1.2.6.js"></script>
<script type="text/javascript" src="./js/ui/ui.core.js"></script>
<script type="text/javascript" src="./js/ui/ui.spinner.js"></script>
<script type="text/javascript" src="./js/ui/ui.tabs.js"></script>
<script src="./js/colorpicker/js/colorpicker.js" type="text/javascript"></script> 
<script src="./js/colorpicker/js/eye.js" type="text/javascript"></script> 
<script src="./js/colorpicker/js/utils.js" type="text/javascript"></script> 
<script src="./js/colorpicker/js/layout.js?ver=1.0.2" type="text/javascript"></script> 

<script type="text/javascript" src="./js/panelCSS.js"></script>
</head>
<body>
<div id="container">
	<div id="header">
		<a href="http://jquery.com" title="Powered By jQuery"></a>
		<h1>Panel CSS</h1>
	</div>
	<div id="sidebar">
		<div id="cssform" class="ui-tabs-nav">
			<ul>
				<li class="ui-tabs-selected"><a href="size.html" title="size"><span>dimensiones</span></a></li>
				<li class="ui-tabs-unselect"><a href="font.html" title="font"><span>fuentes</span></a></li>
				<li class="ui-tabs-unselect"><a href="text.html" title="text"><span>texto</span></a></li>
				<li class="ui-tabs-unselect"><a href="background.html" class="ui-tabs-unselect" title="background"><span>fondo</span></a></li>
				<li class="ui-tabs-unselect"><a href="background.html" itle="background"><span>listas</span></a></li>

				<li><a href="background.html" class="ui-tabs-unselect" title="background"><span>enlaces</span></a></li>
				<li><a href="background.html" class="ui-tabs-unselect" title="background" ><span>tablas</span></a></li>

			</ul>
			<div id="font" class="ui-tabs-panel"></div>
			<div id="text" class="ui-tabs-panel ui-tabs-hide">
			</div>
			<div id="size" class="ui-tabs-panel ui-tabs-hide">
			</div>
			<div id="background" class="ui-tabs-panel ui-tabs-hide">
			</div>

			
		</div>
	</div>
	<div id="main">
			<div id="content">
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ut purus ut purus suscipit rhoncus. Pellentesque orci mi, condimentum ut, congue ac, faucibus at, quam. In hac habitasse platea dictumst. Nam sapien nunc, eleifend sit amet, interdum faucibus, pretium eget, felis? Morbi at felis id sem suscipit gravida! Nulla facilisi. Vestibulum velit. Sed ut elit! Proin ut dolor. Nam dignissim malesuada felis. Quisque tristique, augue vitae porta suscipit, purus mauris mollis pede, non laoreet lacus sem eu felis. Maecenas vestibulum odio a odio. Sed turpis. Aliquam feugiat libero at nulla. Aenean tristique sodales lectus. Ut accumsan convallis nunc.</p>
				<p>Morbi a nibh. Donec tortor justo, consequat non, porttitor in, auctor mollis, odio! Aenean sit amet arcu a tellus iaculis convallis. Sed interdum, quam gravida viverra dignissim, leo ipsum semper elit, eget interdum nibh mauris ut lorem. In mollis turpis et nibh. Pellentesque in elit ac orci interdum facilisis? Integer pharetra enim mollis arcu? In varius, diam in hendrerit suscipit, nunc quam tempor leo, sit amet pulvinar velit mauris et augue. Etiam urna lacus, sagittis ut, mollis eu, luctus eu, felis. Mauris sit amet est. Etiam feugiat est ut tellus. Etiam dapibus libero. Donec a nisi vitae elit elementum convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
			</div>
		</div>
	<div id="footer">
		<div id="licence"
		<a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Creative Commons License"</a>
		<p>© Carlos A. Iglesias 2008, Universidad Politécnica de Madrid.</p>
		<p>Licenciado según <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>.</p>

		</div>
</div>
</body>
</html>
